<%@ page language="java" contentType="text/html; charset=UTF-8"
	pageEncoding="UTF-8"%>
<%
	String path = request.getContextPath();
	String basePath = request.getScheme() + "://" + request.getServerName() + ":" + request.getServerPort() + path + "/";
%>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<base href="<%=basePath%>">
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta http-equiv="pragma" content="no-cache"> 
<meta http-equiv="Cache-Control" content="no-cache, no-store, must-revalidate"> 
<meta http-equiv="expires" content="0"> 
<title>保单详情</title>
<meta name="viewport" content="initial-scale=1, maximum-scale=1">
<link rel="stylesheet"
	href="//g.alicdn.com/msui/sm/0.6.2/css/sm.min.css">
<link rel="stylesheet" href="assets/css/rz.css">

</head>
<body>
	<div class="page-group">
		<div class="page page-current" id="index">
			<header class="bar bar-nav">
				<a href="policy/policyList" class="button button-link button-nav pull-left back" external>
					<span class="icon icon-left"></span> 返回
				</a>
				<!-- <a href="page/index" class="button button-link button-nav pull-right back">
   					 首页
			    	<span class="icon icon-right"></span>
			    </a> -->
				<h1 class='title'>保单详情</h1>
			</header>
			
			<!-- 底部导航 -->
			<%-- <%@ include file="/include/nav.jsp"%> --%>
			
			<div class="content">
				<div class="card">
					<div class="card-header"><b>保单信息</b></div>
					<div class="card-content">
						<div class="list-block contacts-block">
							<div class="list-group">
								<ul>
									<li class="list-block media-list">
										<a href="promotion/promotionDetail" class="item-content">
											<div class="item-media">
												<img src="assets/img/bd.png" width="44">
											</div>
											<div class="item-inner">
												<div class="item-title-row">
													<div class="item-title">保证年化收益率4.025%</div>
												</div>
												<div class="item-subtitle">投保手续简便，资金安全，受法律保障</div>
											</div>
										</a>
									</li>
									
									<li>
										<a href="#" class="item-content">
											<div class="item-inner">
												<div class="item-title" style="color:black">保单号</div>
												<div class="item-after">${policy.localPolicyCode}</div>
											</div>
										</a>
									</li>
									<li>
										<a href="#" class="item-content">
											<div class="item-inner">
												<div class="item-title" style="color:black">保险金额</div>
												<div class="item-after">${policy.insuredValue}</div>
											</div>
										</a>
									</li>
									<li>
										<a href="#" class="item-content">
											<div class="item-inner">
												<div class="item-title" style="color:black">支付方式</div>
												<div class="item-after">${policy.paymentType}</div>
											</div>
										</a>
									</li>
									<li>
										<a href="#" class="item-content">
											<div class="item-inner">
												<div class="item-title" style="color:black">开户银行</div>
												<div class="item-after">${policy.bank}</div>
											</div>
										</a>
									</li>
									<li>
										<a href="#" class="item-content">
											<div class="item-inner">
												<div class="item-title" style="color:black">银行卡号</div>
												<div class="item-after">${policy.cardCode}</div>
											</div>
										</a>
									</li>
									<li>
										<a href="#" class="item-content">
											<div class="item-inner">
												<div class="item-title" style="color:black">投保时间</div>
												<div class="item-after">${policy.createTime}</div>
											</div>
										</a>
									</li>
									<li>
										<a href="#" class="item-content">
											<div class="item-inner">
												<div class="item-title" style="color:black">支付时间</div>
												<div class="item-after">${policy.paymentTime}</div>
											</div>
										</a>
									</li>
									<li>
										<a href="#" class="item-content">
											<div class="item-inner">
												<div class="item-title" style="color:black">保单状态</div>
												<div class="item-after">${policy.state}</div>
											</div>
										</a>
									</li>
								</ul>
							</div>
						</div>
					</div>
				</div>
				
				<div class="card">
					<div class="card-header"><b>投保人信息</b></div>
					<div class="card-content">
						<div class="list-block contacts-block">
							<div class="list-group">
								<ul>
									<li>
										<a href="#" class="item-content">
											<div class="item-inner">
												<div class="item-title" style="color:black">姓名</div>
												<div class="item-after">${policy.name}</div>
											</div>
										</a>
									</li>
									<li>
										<a href="#" class="item-content">
											<div class="item-inner">
												<div class="item-title" style="color:black">身份证号</div>
												<div class="item-after">${policy.identityCode}</div>
											</div>
										</a>
									</li>
									<li>
										<a href="#" class="item-content">
											<div class="item-inner">
												<div class="item-title" style="color:black">手机号</div>
												<div class="item-after">${policy.mobilePhone}</div>
											</div>
										</a>
									</li>
									<li>
										<a href="#" class="item-content">
											<div class="item-inner">
												<div class="item-title" style="color:black">邮箱</div>
												<div class="item-after">${policy.email}</div>
											</div>
										</a>
									</li>
									<!-- <li class="list-block media-list">
										<a href="customer/updateAddress" class="item-link item-content">
											<div class="item-inner">
												<div class="item-title-row">
													<div class="item-title">家庭住址</div>
													<div class="item-after">浙江省宁波市鄞州区</div>
												</div>
												<div class="item-subtitle pull-right">江南路1689号浙江大学软件学院</div>
											</div>
										</a>
									</li> -->
								</ul>
							</div>
						</div>
					</div>
				</div>
				
				<!-- <div class="card">
					<div class="card-header"><b>被保险人员列表</b></div>
					<div class="card-content">
						<div class="list-block">
							<ul>
								<li>
									<a href="customer/ensuredPersonDetail" class="item-content item-link">
										<div class="item-media">
											<i class="icon icon-f7"></i>
										</div>
										<div class="item-inner">
											<div class="item-title">张三</div>
											<div class="item-after">320129199101203640</div>
										</div>
									</a>
								</li>
								<li>
									<a href="customer/ensuredPersonDetail" class="item-content item-link">
										<div class="item-media">
											<i class="icon icon-f7"></i>
										</div>
										<div class="item-inner">
											<div class="item-title">张三</div>
											<div class="item-after">320129199101203640</div>
										</div>
									</a>
								</li>
							</ul>
						</div>
					</div>
					<div class="card-footer"></div>	
				</div> -->
				
				<!-- <div class="list-block contacts-block">
					<div class="list-group">
						<ul>
						 <li><a id="policyChange" class="item-link list-button policyChange"  style="color:red" >保全变更申请</a></li>
						 <li class="item-content">
							<div class="item-inner">
						 		<div class="item-title"><a id="surrender" class="list-button surrender"  style="color:red">退保申请</a></div>
								<div class="item-after"><a style="color:red" external>保全变更申请</a></div>
							</div>
						</li>
						</ul>
					</div>
				</div> -->
				<!-- class="item-link list-button" -->
				<%@ include file="/include/footer.jsp"%>
			</div>
		</div>
	</div>
	<script type='text/javascript' src='//g.alicdn.com/sj/lib/zepto/zepto.min.js' charset='utf-8'></script>
	<script type='text/javascript' src='//g.alicdn.com/msui/sm/0.6.2/js/sm.min.js' charset='utf-8'></script>
	<script>
		/* 处理导航active */
		/* 
		$(".icon-card").parent().siblings().removeClass('active');
		$(".icon-card").parent().addClass('active');
		 */
		
		
		/* 保全变更申请的弹窗 */
		$(document).on('click','.surrender', function () {
      		$.confirm('您确定要进行退保申请吗?', function () {
      			window.location.href = "policy/surrender/${policy.uuid}";
     	 	});
 		}); 

	</script>
</body>
</html>